<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="col-md-12 col-sm-12">
        <div class="panel panel-default panel-intro">
            <div class="panel-heading">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#basic" data-toggle="tab">账号信息</a></li>
                </ul>
            </div>
            <div class="panel-body">
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="basic">
                        <div class="form-group">
                            <label for="username" class="control-label col-xs-12 col-sm-2">{:__('Username')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="username" name="user[username]" value="" data-rule="required;username" placeholder="请输入{:__('Username')}，用于登录。格式：英文或数字或组合" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="email" class="control-label col-xs-12 col-sm-2">{:__('Mobile')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="number" class="form-control" id="mobile" name="user[mobile]" value="" data-rule="required;mobile" placeholder="请输入{:__('Mobile')}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="email" class="control-label col-xs-12 col-sm-2">{:__('Email')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="email" class="form-control" id="email" name="user[email]" value="" data-rule="required;email" placeholder="请输入{:__('Email')}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="nickname" class="control-label col-xs-12 col-sm-2">{:__('Nickname')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="nickname" name="user[nickname]" autocomplete="off" value="" data-rule="required;length(~10)" placeholder="请输入{:__('Nickname')}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="password" class="control-label col-xs-12 col-sm-2">{:__('Password')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="password" class="form-control" id="password" name="user[password]" autocomplete="new-password" value="" data-rule="required;password" placeholder="请输入{:__('Password')}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
                            <div class="col-xs-12 col-sm-8">
                                {:build_radios('user[status]', ['normal'=>__('Normal'), 'hidden'=>__('Hidden')])}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12 col-sm-12">
        <div class="panel panel-default panel-intro">
            <div class="panel-heading">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#basic" data-toggle="tab">基本信息</a></li>
                </ul>
            </div>
        </div>
        <div class="panel-body">
            <div id="storeContent" class="tab-content">
                <div class="form-group">
                    <label class="control-label col-xs-12 col-sm-2">{:__('Shop_id')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-shop_id" data-rule="required" data-source="manystore/shop/index" class="form-control selectpage" name="row[shop_id]" type="text" value="">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-xs-12 col-sm-2">{:__('图片')}:</label>
                    <div class="col-xs-12 col-sm-8">
                        <div class="input-group">
                            <input id="c-image" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="">
                            <div class="input-group-addon no-border no-padding">
                                <span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp"  data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                            </div>
                            <span class="msg-box n-right" for="c-image"></span>
                        </div>
                        <ul class="row list-inline faupload-preview" id="p-image"></ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
</form>
